<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>Find_roommate</title>
		<link href="css/common.css" rel="stylesheet" type="text/css"/>
		<link href="css/custom.css" rel="stylesheet" type="text/css" />
		<link href="css/UI.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery1.7.2.js"></script>
		<script type="text/javascript" src="js/loadparts.js"></script>
	</head>

	<body>
		<div id="header"></div>
			
		<div class="table_list">
			<div class="container">
				<div class="container_light">
				
				<div class="radio_list">
					<ul class="radio_list_title">
						<li><p>Apt Size:</p></li>
						<li><p>Floor:</p></li>
						<li><p>Bedroom Preferences:</p></li>
					</ul>
					<ul>
						<li>
							<a href="#"><img src="img/radio_activation.png" />2/2</a>
							<a href="#"><img src="img/radio.png" />4/4</a>
						</li>
						<li>
							<a href="#"><img src="img/radio_activation.png" />1</a>
							<a href="#"><img src="img/radio.png" />2</a>
							<a href="#"><img src="img/radio.png" />3</a>
						</li>
						<li>
							<a href="#"><img src="img/radio_activation.png" />A</a>
							<a href="#"><img src="img/radio.png" />B</a>
							<a href="#"><img src="img/radio.png" />C</a>
							<a href="#"><img src="img/radio.png" />D</a>
						</li>
					</ul>
					<div class="but_down">
					<a href="#"><img class="button_down" src="img/button_down.png" /></a>
					</div>
				</div>
				
				<div class="Post_a_requirement">
					<div class="Post_a_requirement_left"></div>
					<div class="Post_a_requirement_repeat">
						<a href="#"><img src="img/Post_a_requirement.png" /></a>
					</div>
					<div class="Post_a_requirement_right"></div>
				</div>
				
				<div class="Filter">
					<div class="Filter_left"></div>
					<div class="Filter_repeat">
						<a href="#"><img src="img/Filter.png" /></a>
					</div>
					<div class="Filter_right"></div>
				</div>
				<div class="clear_float"></div>
				</div>
			</div>
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_blue">
							<a href="#">Male&nbsp;prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			<div class="requirement">
				<p>My&nbsp;requirement:</p>
				<div class="requirement_btn">
						<div class="btn_green smoke_ico">
							<a href="#">Allowed</a>
						</div>
						<div class="btn_green cat_ico">
							<a href="#">Allowed</a>
						</div>
						<div class="btn_Deep-blue">
							<a href="#">Work:&nbsp;PT</a>
						</div>
				</div>
				<div class="requirement_text">
					<ul>
						<li>Drinking:</li>
						<li>Cleanliness:</li>
						<li>Socail:</li>
						<li>Study:</li>
						<li>Sleeping:</li>
						<li>Going out:</li>
						
					</ul>
				</div>
				<div class="requirement_Progress-bar">
					<div class="Progress-bar_green">
						<span class="Progress-bar_green_left"></span>
						<span class="Progress-bar_green_repeat"></span>
						<span class="Progress-bar_green_right"></span>
						<span>Yes, we can drink everyday togetcher</span>
					</div>
					<div class="Progress-bar_orange">
						<span class="Progress-bar_orange_left"></span>
						<span class="Progress-bar_orange_repeat"></span>
						<span class="Progress-bar_orange_right"></span>
						<span>Moderate, so so is ok</span>
					</div>
					<div class="Progress-bar_green">
						<span class="Progress-bar_green_left"></span>
						<span class="Progress-bar_green_repeat"></span>
						<span class="Progress-bar_green_right"></span>
						<span>Party, party</span>
					</div>
					<div class="Progress-bar_red">
						<span class="Progress-bar_red_left"></span>
						<span class="Progress-bar_red_repeat"></span>
						<span class="Progress-bar_red_right"></span>
						<span>I don’t care</span>
					</div>
					<div class="Progress-bar_green">
						<span class="Progress-bar_green_left"></span>
						<span class="Progress-bar_green_repeat"></span>
						<span class="Progress-bar_green_right"></span>
						<span>U can sleep whole day</span>
					</div>
					<div class="Progress-bar_green">
						<span class="Progress-bar_green_left"></span>
						<span class="Progress-bar_green_repeat"></span>
						<span class="Progress-bar_green_right"></span>
						<span>U can go often</span>
					</div>
				</div>
				<div class="btn_up"><a href="#"></a></div>
			</div>
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_blue">
							<a href="#">Male&nbsp;prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			<div class="btn_down"><a href="#"></a></div>
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_purple">
							<a href="#">Female prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_blue">
							<a href="#">Male&nbsp;prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_blue">
							<a href="#">Male&nbsp;prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_blue">
							<a href="#">Male&nbsp;prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			
		</div>
		<div class="findroommate_list">
			<div class="content_top_top">
				<div class="content_t_t_left">
					<div class="content_t_t_left_img"></div>
					<div class="content_t_t_left_text">
						<h6>A roomate who can play guitar is wanted -<span>Jason</span></h6>
						<h5>I want to find a roomate who can join our guitar club...</h5>
						<p>Address: <span>401 Poydras Street, New Orleans, LA</span>
							<em class="map"><a href="#">view map</a></em><br />
							Apt size: <span>2/2 </span>&nbsp;&nbsp;
							Floor: <span>2</span>&nbsp;&nbsp;
							Bedroom preference:<span> A</span></p>
						
					</div>
				</div>
				<div class="content_t_t_right">
					<div class="but_div">
						<div class="btn_green tick">
							<a href="#">Furinished</a>
						</div>
						<div class="btn_blue">
							<a href="#">Male&nbsp;prefered</a>
						</div>
					</div>
					<div class="telephone">
						<a href="#">2344890</a>
					</div>
				</div>
			</div>
			</div>
			<div class="pagebar_width">
			<div class="pagebar">
				<span class="current">1
				</span><a href="#">2</a>
				<a href="#">3</a>
				<span>....</span>
				<a href="#">&gt;Next</a>
			</div>
			</div>
		
		<div id="footer">
			
		</div>
		
	</body>
</html>
